{include file="layout/head.tpl"}
{include file="layout/menu.tpl"}

{literal}

<script type="text/javascript" src="include/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="include/js/funcoes.js"></script>

<script type="text/javascript">

$().ready(function() {

    $("#frmCadConvite").validate({
        rules: {
            emails: {
                required: true
            },
            mensagem: {
                required: true
            }
        }
    });
    
    limitarCampo('mensagem', 200, 'countMensagem');
        
});
</script>
{/literal}

<div id="content" class="block-border">

    <div class="block-content">
        <div class="h1 with-menu"><h1>Enviar Convites para Amigos</h1></div>


        {msg obj=$msg|default:null type="small" autoClose=false}
        {display_errors errors=$errosValidacao|default:null}

        <div class="columns">

            <div class="colx1-left">
                <!-- Add the class 'form' -->
                <form id="frmCadConvite" action="ConviteAction.salvar" class="form" method="post">

                    <fieldset>
                        <legend>Email dos seus Amigos</legend>
                            {msg conteudo="Preencha cada email em uma linha" type="small" autoClose=false}
                            <p>
                                <textarea cols="" rows="5"  name="emails" id="emails" class="full-width">{$emails|default:''}</textarea>
                            </p>
                    </fieldset>
                    
                    <fieldset>
                        <legend>Mensagem</legend>                            
                            <p>                                
                                <textarea cols="" rows="5"  name="mensagem" id="mensagem" class="full-width">{$mensagem|default:''}</textarea>
                            </p>
                            <p style="text-align: right"><label id="countMensagem" class="inline">200</label> Caractere(s) Disponiveis</p>
                    </fieldset>

                    <div class="btAction">
			 {action_button label="Limpar" type="reset" class="grey"}
                         {action_button label="Salvar" type="submit"}
                    </div>

                </form>
            </div>
        </div>
    </div>





</div>

{include file="layout/footer.tpl"}